cascading style sheets reference

מהו בדיוק ה- CSS?

לפני שנתחיל לתאר כיצד פועלים ה-css-ים וכיצד משתמשים בהם עלינו, קודם כל, לענות על השאלה הפשוטה "מהו דף הסגנון?".

אין לכם צורך לדעת על מה אנחנו דנים בחלק הזה כדי לעבוד עם ss-ים, אך למען השלמות, כדאי לכם להקדיש מספר דקות לקרוא את זה. ואם לא, ואתם מוכנים לקפוץ ישר קדימה, אתם יכולים להמשיך הלאה כעת.

מה הופך דבר ל-css?

מספר פרטים לגבי מקור ה-ss-ים. ה- world wide web consortium או w3c הוא כמו ארגון האומות המאוחדות של הרשת. ע"י עבודה עם נאמנים זמניים ראשיים ברשת (stakeholder) וביניהם גם מפתחי דפדפנים , ה-w3c עורכים המלצות. אם תרצו, תוכלו לחשוב עליהם כסטנדרטים של הרשת

. בתחום ה-css-ים קיימות 3 המלצות של w3c, שראינו בחלק האחרון:

• Cascading Style Sheets 1 - CSS1
• Cascading Style Sheets Positioning - CSSP ( זה אף פעם לא הפך להמלצה אך שולב לתוך css2)
• Cascading Style Sheets 2 - CSS2 (שמכיל את css1 ואת cssp ומרחיב אותם).

אז, מהן ההמלצות הללו? כל אחת מהן מגדיר דקדוק פשוט או שפה פשוטה. הדקדוק מגדיר איזה סוג של הצהרה יכול להיעשות ב-css-ים
ה-CSS הוא פשוט קובץ טקסט עם סיומת .css שנכתב על פי הדקדוק המוגדר בהמלצות השונות.

הנה דוגמא פשוטה :

BODY
{font-family: verdana, "minion web", helvetica, sans-serif;
font-size: 1em;
text-align: justify}

H1
{font-family: verdana, sans-serif;
font-size: 1.3em}

CODE
{font-family: courier, sans-serif;
font-size: 1em}

.more
{background-color: #003333;
border-width: thin;
border-color: black;
border-style: ridge;
color: white;
font-family: verdana, geneva, sans-serif;
font-size: .9em;
vertical-align: text-bottom}

שלא כמו מסמך HTML, אין צורך בהצהרה מיוחדת בראש הקובץ כדי להגיד שזהו css, והקובץ הוא קובץ טקסט פשוט. עלינו לסיים שמות מהקובץ של CSS בסיומת .css , וגם זה לא הכרחי לחלוטים ברוב הדפדפנים, אך זה נעשה בכל מקרה

בנוסף להיותם קובצי css, CSS-ים יכולים להיות משובצים גם לתוך ה-HEAD בקובצי HTML. מאוחר יותר, נבחן מקרוב יותר קישורים ושיבוצים של css-ים, כיצד לעשות זאת, מהו ההבדל, ומה יותר טוב?

מה שחשוב הוא שהטקסט (קוד) תואם לדקדוק הנכון.

בחלק הזה

בחלק זה גילינו בדיוק מה הם ה-css-ים. זהו פשוט קוד המבוסס על טקסט המתאים לדקדוק ספציפי, שנשמר כקובץ טקסט עם סיומת .

המשך

בשלב הבא ,- אנו נבחן על מה המהומה ונשאל "מדוע אנו צריכים css-ים?".